<template>
  <div class="main-layout">
    <div class="title">大數據分析平台</div>
    <div class="nav-container">
      <router-link to="/" class="nav-item">首頁</router-link>
      <router-link to="/page1" class="nav-item">就業分析</router-link>
      <router-link to="/page2" class="nav-item">薪資分析</router-link>
      <router-link to="/page3" class="nav-item">技能分析</router-link>
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.info-box {
  margin: 20px auto;
  padding: 20px;
  max-width: 800px;
  background: rgba(20, 40, 70, 0.95);
  border: 2px solid #1e90ff;
  border-radius: 8px;
  color: #fff;
}

.info-box h3 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #1e90ff;
  text-align: center;
}

.info-box p {
  margin: 10px 0;
  line-height: 1.6;
  color: #fff;
  text-align: left;
}
</style> 